<template name="messages_chatroom_header">
  <div class="modal-header">
    {{> messages_header_button
      className="before go-messages"
      iconName="navigate_before"
    }}
    <a href="/u/{{friendUsername}}" class="px-3 ml-auto go-homepage">
      <img class="rounded-circle" src="{{friendAvatar}}" width="40">
    </a>
    <div class="modal-message-user-title text-truncate pr-3 mr-auto">
      {{friendDisplay}}
      <span class="text-secondary">@{{friendUsername}}</span>
    </div>
    {{> messages_header_tooltip_button
      className="delete-messages icon-btn-danger close mr-2"
      placement="left"
      tooltipTitle="删除会话"
      iconName="remove_circle_outline"
    }}
    {{> messages_header_close_button}}
  </div>
</template>